<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>志愿者|志愿者团队|公益活动-湖南志愿者服务网注册志愿者</title>
    <script src="js/vue.min.js"></script>
    <script src="js/axios.min.js"></script>
    <meta name="baidu-site-verification" content="43PKzsni0u">
    <link href="https://www.hn-vs.cn/template/image/favicon.ico" rel="icon" type="image/x-icon">
    <link href="https://www.hn-vs.cn/template/image/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="https://www.hn-vs.cn/template/image/favicon.ico" rel="bookmark" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <meta name="keywords" content="志愿者,志愿服务,湖南省志愿者,长沙义工,志愿者活动,志愿者网,湖南义工,长沙义工网">
    <meta name="description" content="湖南省志愿者统一平台，在这里，地市县，高校青年志愿者、省直志愿者，实现志愿者之间的高度互动交流，让志愿者依托网络可以更好的了解信息与参与活动">
    <link rel="stylesheet" href="res/bootstrap.css">
    <link rel="stylesheet" href="res/responsive.css">
    <link rel="stylesheet" href="res/font-awesome.css">
    <link rel="stylesheet" href="res/flexslider.css">
    <link rel="stylesheet" href="res/parallax-slider.css">
    <link rel="stylesheet" href="res/page_log_reg_v1.css">
    <link rel="stylesheet" href="res/page_one.css">
    <link rel="stylesheet" href="res/portfolio-v1.css">
    <link rel="stylesheet" href="res/public.css">
</head>
<body id="body0" style="">
<link rel="stylesheet" href="res/style.css">
<link rel="stylesheet" href="res/header1.css">
<link rel="stylesheet" href="res/default.css" id="style_color">
<!--=== Header ===-->
<div class="header">
    <div class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header" style="margin-top: 15px;">
                <div class="navbar-logo">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target=".navbar-responsive-collapse">
                        <span class="sr-only">切换导航</span> <span class="icon-bar"></span><span class="icon-bar">
                        </span><span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="https://www.hn-vs.cn/!">
                        <img id="logo-header" src="res/logo1-default.png" alt="Logo">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/header-->
<!--=== Header ===-->
<div class="header margin-bottom-20 nav-background-color header-border-bottom">
    <div class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="collapse navbar-collapse navbar-responsive-collapse">
                <!-- Navigation menu -->
                <ul class="nav navbar-nav navbar-left">
                    <li class="dropdown">&nbsp;</li>
                </ul>
                <!-- Navigation menu -->
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="" id="myLogo">
<link href="res/login.css" rel="stylesheet" type="text/css">
<style>
    body {
        background-color: #eee
    }
    .checkbox {
        text-align: left
    }
    .dspl {
        display: none
    }
</style>
<!--=== Content Part ===-->
<div class="container regist-content ">
    <div id="app">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <form method="post" name="signUpForm" id="signUpForm" enctype="multipart/form-data" class="form-horizontal"
                      role="form">
                    <div class="reg-header form-group">
                        <h2>马上注册</h2>
                    </div>
                    <div class="form-group font_14">
                        <div class="col-lg-12 " style="background: #ededed;color: #333;height: 30px; line-height:30px">
                            注册
                        </div>
                    </div>
                    <div class="form-group font_14">
                        <label for="NAME" class="col-lg-3 control-label">
                            昵称：</label>
                        <div class="col-lg-4">
                            <input type="text" v-model="user.nickName" id="NAME" name="NAME" class="form-control tbox-width" maxlength="10"
                                   placeholder="输入你的昵称">
                        </div>
                       <!-- <div class="col-lg-3">
                            <label class="padding-top-5">实名制志愿者,请如实填写！</label>
                        </div>-->
                    </div>
                    <div class="form-group font_14">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            电子邮箱：</label>
                        <div class="col-lg-4">
                            <input v-model="user.email" type="text" id="USERNAME" name="USERNAME" class="form-control tbox-width" maxlength="64"
                                   placeholder="输入可收到邮件的邮箱地址，用于激活账户">
                            <input type="hidden" name="HASH" value="">
                        </div>
                        <div class="col-lg-5">
                            <div id="checkUsernameLogo"></div>
                            <label class="padding-top-5" id="checkUsername"></label>
                        </div>
                    </div>
                    <div class="form-group font-size-16">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            密码：</label>
                        <div class="col-lg-4">
                            <input v-model="user.password" type="password" id="PASSWORD" name="PASSWORD" class="form-control tbox-width"
                                   maxlength="32" placeholder="输入登录密码">
                        </div>
                        <!--<div class="col-lg-5">
                            <div id="low" class=" sign-strength">弱</div>
                            <div id="middle" class=" sign-strength margin-5-5">中</div>
                            <div id="high" class=" sign-strength">强</div>
                        </div>-->
                    </div>
                    <div class="form-group font_14">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            确认密码：</label>
                        <div class="col-lg-4">
                            <input type="password" id="PASSWORD2" name="PASSWORD2" class="form-control tbox-width"
                                   maxlength="32" placeholder="再次输入登录密码">
                        </div>
                        <div class="col-lg-5">
                            <div id="checkPasswordLogo"></div>
                            <label class="padding-top-5" id="checkPassword"></label>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            手机号码：</label>
                        <div class="col-lg-4">
                            <input type="text" name="MOBILE" id="mobile" class="form-control tbox-width" maxlength="200"
                                   placeholder="输入手机号码">
                        </div>
                        <div class="col-lg-5">
                            <label class="padding-top-5">实名制志愿者,身份验证用！</label>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            身份证号码：</label>
                        <div class="col-lg-4">
                            <input type="text" name="IDCARD" id="idcard" class="form-control tbox-width" maxlength="18"
                                   placeholder="HNVS会严格保密您的资料">
                        </div>
                        <div class="col-lg-5">
                            <label class="padding-top-5">实名制志愿者,身份验证用！</label>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            性别：</label>
                        <div class="col-lg-7">
                            <label class="margin-right-30 padding-top-5">
                                <input type="radio" id="SEX1" name="SEX" value="1">
                                男性
                            </label>
                            <label class="padding-top-5">
                                <input type="radio" id="SEX0" name="SEX" value="0">
                                女性
                            </label>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputEmail1" class="col-lg-3 control-label">
                            志愿者类型：</label>
                        <div class="col-lg-7">
                            <label class="margin-right-30 padding-top-5">
                                <input type="radio" name="VOLUNTEER" id="vol1" value="0" checked="">
                                市州志愿者
                            </label>
                            <label class="margin-right-30 padding-top-5">
                                <input type="radio" name="VOLUNTEER" id="vol2" value="1">
                                省直志愿者
                            </label>
                            <label class="padding-top-5">
                                <input type="radio" name="VOLUNTEER" id="vol3" value="2">
                                高校志愿者
                            </label>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            生日：</label>
                        <div class="col-lg-7">
                            <div class="col-lg-3">
                                <div class="col-lg-10"><select name="YEAR" id="year"
                                                               class="form-control sign-dropdownlistbox">
                                    <option value="0">请选择</option>
                                    <option value="1940">1940</option>
                                    <option value="1941">1941</option>
                                    <option value="1942">1942</option>
                                    <option value="1943">1943</option>
                                    <option value="1944">1944</option>
                                    <option value="1945">1945</option>
                                    <option value="1946">1946</option>
                                    <option value="1947">1947</option>
                                    <option value="1948">1948</option>
                                    <option value="1949">1949</option>
                                    <option value="1950">1950</option>
                                    <option value="1951">1951</option>
                                    <option value="1952">1952</option>
                                    <option value="1953">1953</option>
                                    <option value="1954">1954</option>
                                    <option value="1955">1955</option>
                                    <option value="1956">1956</option>
                                    <option value="1957">1957</option>
                                    <option value="1958">1958</option>
                                    <option value="1959">1959</option>
                                    <option value="1960">1960</option>
                                    <option value="1961">1961</option>
                                    <option value="1962">1962</option>
                                    <option value="1963">1963</option>
                                    <option value="1964">1964</option>
                                    <option value="1965">1965</option>
                                    <option value="1966">1966</option>
                                    <option value="1967">1967</option>
                                    <option value="1968">1968</option>
                                    <option value="1969">1969</option>
                                    <option value="1970">1970</option>
                                    <option value="1971">1971</option>
                                    <option value="1972">1972</option>
                                    <option value="1973">1973</option>
                                    <option value="1974">1974</option>
                                    <option value="1975">1975</option>
                                    <option value="1976">1976</option>
                                    <option value="1977">1977</option>
                                    <option value="1978">1978</option>
                                    <option value="1979">1979</option>
                                    <option value="1980">1980</option>
                                    <option value="1981">1981</option>
                                    <option value="1982">1982</option>
                                    <option value="1983">1983</option>
                                    <option value="1984">1984</option>
                                    <option value="1985">1985</option>
                                    <option value="1986">1986</option>
                                    <option value="1987">1987</option>
                                    <option value="1988">1988</option>
                                    <option value="1989">1989</option>
                                    <option value="1990">1990</option>
                                    <option value="1991">1991</option>
                                    <option value="1992">1992</option>
                                    <option value="1993">1993</option>
                                    <option value="1994">1994</option>
                                    <option value="1995">1995</option>
                                    <option value="1996">1996</option>
                                    <option value="1997">1997</option>
                                    <option value="1998">1998</option>
                                    <option value="1999">1999</option>
                                    <option value="2000">2000</option>
                                    <option value="2001">2001</option>
                                    <option value="2002">2002</option>
                                    <option value="2003">2003</option>
                                    <option value="2004">2004</option>
                                    <option value="2005">2005</option>
                                    <option value="2006">2006</option>
                                    <option value="2007">2007</option>
                                    <option value="2008">2008</option>
                                    <option value="2009">2009</option>
                                    <option value="2010">2010</option>
                                    <option value="2011">2011</option>
                                    <option value="2012">2012</option>
                                    <option value="2013">2013</option>
                                    <option value="2014">2014</option>
                                    <option value="2015">2015</option>
                                    <option value="2016">2016</option>
                                    <option value="2017">2017</option>
                                    <option value="2018">2018</option>
                                    <option value="2019">2019</option>
                                    <option value="2020">2020</option>
                                    <option value="2021">2021</option>
                                </select></div>
                                <div class="col-lg-2">年</div>
                            </div>
                            <div class="col-lg-3">
                                <div class="col-lg-10"><select name="MONTH" id="month"
                                                               class="form-control sign-dropdownlistbox">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                </select></div>
                                <div class="col-lg-2">月</div>
                            </div>
                            <div class="col-lg-3">
                                <div class="col-lg-10"><select name="DAY" id="day"
                                                               class="form-control sign-dropdownlistbox">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="13">13</option>
                                    <option value="14">14</option>
                                    <option value="15">15</option>
                                    <option value="16">16</option>
                                    <option value="17">17</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                    <option value="23">23</option>
                                    <option value="24">24</option>
                                    <option value="25">25</option>
                                    <option value="26">26</option>
                                    <option value="27">27</option>
                                    <option value="28">28</option>
                                    <option value="29">29</option>
                                    <option value="30">30</option>
                                    <option value="31">31</option>
                                </select></div>
                                <div class="col-lg-2">日</div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl" id="volunteers1" style="display: none;">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            选择行政区域：</label>
                        <div class="col-lg-9">
                            <div class="col-lg-2">
                                <select name="CITIES" id="cities" class="form-control sign-dropdownlistbox">
                                    <option value="0">请选择</option>
                                    <option value="240002">长沙市</option>
                                    <option value="243099">株洲市</option>
                                    <option value="245187">邵阳市</option>
                                    <option value="251245">岳阳市</option>
                                    <option value="251252">常德市</option>
                                    <option value="259792">娄底市</option>
                                    <option value="263302">湘潭市</option>
                                    <option value="265173">怀化市</option>
                                    <option value="265823">衡阳市</option>
                                    <option value="271510">永州市</option>
                                    <option value="277137">益阳市</option>
                                    <option value="277460">郴州市</option>
                                    <option value="278003">张家界市</option>
                                    <option value="279769">湘西土家族苗族自治州</option>
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <select name="DISTRICT" id="district" class="form-control sign-dropdownlistbox" disabled="">
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <select name="STREET" id="street" class="form-control sign-dropdownlistbox" disabled="">
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <select name="COMMUNITY" id="community" class="form-control sign-dropdownlistbox"
                                        disabled="">
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl" id="volunteers2" style="display: none;">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            选择省直单位：</label>
                        <div class="col-lg-9">
                            <div class="col-lg-2">
                                <select name="RROVINCE" id="province" class="form-control sign-dropdownlistbox">
                                    <option value="0">请选择</option>
                                    <option value="120002">长沙市</option>
                                    <option value="120337">株洲市</option>
                                    <option value="120342">衡阳市</option>
                                    <option value="120354">湘潭市</option>
                                    <option value="120359">邵阳市</option>
                                    <option value="120362">岳阳市</option>
                                    <option value="120365">常德市</option>
                                    <option value="120368">张家界市</option>
                                    <option value="120371">益阳市</option>
                                    <option value="120374">郴州市</option>
                                    <option value="120377">永州市</option>
                                    <option value="120380">怀化市</option>
                                    <option value="120383">娄底市</option>
                                    <option value="120386">湘西土家族苗族自治州</option>
                                    <option value="120556">湖南省文化和旅游志愿服务总队</option>
                                    <option value="121037">湖南省志愿助残服务总队</option>
                                    <option value="121260">湖南广播电视台</option>
                                    <option value="121329">湖南轨道交通</option>
                                    <option value="121396">天翼新时代文明实践志愿服务总队</option>
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <select name="COMPANY" id="procompany" class="form-control sign-dropdownlistbox"
                                        disabled="">
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <select name="UNIT" id="prounit" class="form-control sign-dropdownlistbox" disabled="">
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl" id="volunteers3" style="display: none;">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            选择城市/高校：</label>
                        <div class="col-lg-9">
                            <div class="col-lg-2">
                                <select name="JOB" id="business" class="form-control sign-dropdownlistbox">
                                    <option value="0">请选择</option>
                                    <option value="20002">长沙市</option>
                                    <option value="20229">娄底市</option>
                                    <option value="20246">湘潭市</option>
                                    <option value="20314">衡阳市</option>
                                    <option value="20337">湘西土家族苗族自治州</option>
                                    <option value="20357">株洲市</option>
                                    <option value="20374">益阳市</option>
                                    <option value="20389">岳阳市</option>
                                    <option value="20412">郴州市</option>
                                    <option value="20449">常德市</option>
                                    <option value="20475">怀化市</option>
                                    <option value="20494">永州市</option>
                                    <option value="20509">邵阳市</option>
                                    <option value="21093">张家界市</option>
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <select name="BUSINESS" id="quan" class="form-control sign-dropdownlistbox" disabled="">
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <select name="LEAGUE" id="league" class="form-control sign-dropdownlistbox" disabled="">
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            第一职业：</label>
                        <div class="col-lg-9">
                            <div class="col-lg-3">
                                <select name="CLUB" id="club" class="form-control sign-dropdownlistbox">
                                    <option value="0">请选择</option>
                                    <option value="1002">党政机关军队</option>
                                    <option value="1013">经营管理类</option>
                                    <option value="1023">市场营销类</option>
                                    <option value="1035">贸易销售类</option>
                                    <option value="1045">财务类</option>
                                    <option value="1058">人力资源管理类</option>
                                    <option value="1067">文职类</option>
                                    <option value="1074">客户服务类</option>
                                    <option value="1081">工厂类</option>
                                    <option value="1095">计算机互联网类</option>
                                    <option value="1114">电子通讯类</option>
                                    <option value="1129">机械类</option>
                                    <option value="1137">规划建筑建材类</option>
                                    <option value="1160">房地产物业管理类</option>
                                    <option value="1167">金融经济类</option>
                                    <option value="1182">设计类</option>
                                    <option value="1194">法律类</option>
                                    <option value="1198">酒店餐饮类</option>
                                    <option value="1205">商场类</option>
                                    <option value="1214">电气电力类</option>
                                    <option value="1223">咨询顾问类</option>
                                    <option value="1228">化工生物类</option>
                                    <option value="1236">教育类</option>
                                    <option value="1248">医疗卫生保健类</option>
                                    <option value="1259">新闻出版传媒类</option>
                                    <option value="1271">公众服务类</option>
                                    <option value="1280">印刷染织类</option>
                                    <option value="1286">技工类</option>
                                    <option value="1300">其他专业类</option>
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <select name="SUBCLUB" id="quanzi" class="form-control sign-dropdownlistbox" disabled="">
                                </select>
                            </div>
                            <div class="col-lg-5">
                                <label class="padding-top-5">高校学生请选择，教育类！</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            学历：</label>
                        <div class="col-lg-9">
                            <div class="col-lg-3">
                                <select name="EDUCATIONAL" id="educational" class="form-control sign-dropdownlistbox">
                                    <option value="0">请选择</option>
                                    <option value="10002">小学</option>
                                    <option value="10003">初中</option>
                                    <option value="10004">高中</option>
                                    <option value="10005">中专</option>
                                    <option value="10006">大专</option>
                                    <option value="10007">本科</option>
                                    <option value="10008">硕士</option>
                                    <option value="10009">博士</option>
                                    <option value="10010">博士后</option>
                                    <option value="10011">院士</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group font_14 dspl">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            政治面貌：</label>
                        <div class="col-lg-9">
                            <div class="col-lg-3">
                                <select name="POLITICAL" id="political" class="form-control sign-dropdownlistbox">
                                    <option value="0">请选择</option>
                                    <option value="11002">群众</option>
                                    <option value="11003">少先队员</option>
                                    <option value="11004">共青团员</option>
                                    <option value="11005">共产党员</option>
                                    <option value="11006">民革</option>
                                    <option value="11007">民盟</option>
                                    <option value="11008">民建</option>
                                    <option value="11009">民进</option>
                                    <option value="11010">农工党</option>
                                    <option value="11011">致公党</option>
                                    <option value="11012">九三学社</option>
                                    <option value="11013">台盟</option>
                                    <option value="11014">无党派</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group font_14">
                        <label for="inputPassword1" class="col-lg-3 control-label">
                            验证码：</label>
                        <div class="col-lg-9">
                            <div class="col-lg-4" style="padding-left:0">
                                <input type="text" id="auth" class="form-control tbox-Captcha-width" name="AUTH"
                                       maxlength="4" placeholder="右侧数字">
                            </div>
                            <div class="col-lg-1">
                                <div id="checkAuthCodeLogo"></div>
                            </div>
                            <div class="col-lg-3">
                                <div style="float:left;padding-right:2px;margin-top:2px;">
                                    <iframe id="iframe" src="res/!code.html" scrolling="No" width="105" height="30"
                                            marginheight="0" marginwidth="0" frameborder="0"></iframe>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <a class="span-hu">换一张！</a>
                            </div>
                        </div>
                    </div>





                    <div class="form-group">
                        <div class="col-lg-offset-2 col-lg-9">
                            <div class="checkbox">
                                <label>
                                    <input id="agreement" name="agreement" type="checkbox" value="1" checked="">
                                    我已阅读并同意<a href="https://www.hn-vs.cn/!agreement" target="_blank">《湖南志愿服务网服务条款》</a>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" style="display:none;">
                        <div id="showDetailed" class="col-lg-offset-2 col-lg-9">
                            <span id="signLiteral">+ 点此继续填写可选填的个人详细资料</span> <i class="color-new-gray">&nbsp;&nbsp;-------------------------------------------------------------------------------------------------</i>
                        </div>
                    </div>
                    <!-- 详细个人资料 -->
                    <div id="signDetailed" style="display:none;">
                        <!-- div class="form-group font_14">
                            <label for="inputPassword1" class="col-lg-3 control-label">
                                上传个人头像：</label>
                            <div class="col-lg-9">
                                <div class="col-lg-5">
                                    <input type="file" name="LOGO" id="logo" class="form-control tbox-width" style="height:40px;" size="1" />
                                </div>
                                <div class="col-lg-7">
                                    <label class="padding-top-5">清晰的个人形象照片，建议图片大小 2048KB 以内</label>
                                </div>
                            </div>
                        </div-->
                        <div class="form-group font_14">
                            <label for="inputPassword1" class="col-lg-3 control-label">
                                固定电话：</label>
                            <div class="col-lg-7">
                                <input type="text" name="PHONE" class="form-control tbox-width" maxlength="200"
                                       placeholder="输入单位或家庭座机">
                            </div>
                        </div>
                        <div class="form-group font_14">
                            <label for="inputPassword1" class="col-lg-3 control-label">
                                现居住地：</label>
                            <div class="col-lg-7">
                                <input type="text" name="DWELL" class="form-control tbox-width" maxlength="200"
                                       placeholder="输入您当前居住城市信息">
                            </div>
                        </div>
                        <div class="form-group font_14">
                            <label for="inputPassword1" class="col-lg-3 control-label">
                                户口所在地：</label>
                            <div class="col-lg-7">
                                <input type="text" name="CENSUS" class="form-control tbox-width" maxlength="200"
                                       placeholder="输入您的户籍所在地">
                            </div>
                        </div>
                        <div class="form-group font_14">
                            <label for="inputPassword1" class="col-lg-3 control-label">
                                联系地址：</label>
                            <div class="col-lg-7">
                                <input type="text" name="ADDRESS" class="form-control tbox-width" maxlength="200"
                                       placeholder="输入HNVS可以联络到您的地址">
                            </div>
                        </div>
                        <div class="form-group font_14">
                            <label for="inputPassword1" class="col-lg-3 control-label">
                                空间域名：</label>
                            <div class="col-lg-4">
                                <input type="text" name="DOMAIN" id="DOMAIN" class="form-control tbox-width" maxlength="64"
                                       placeholder="输入无空格的英文单词及数字组合">
                            </div>
                            <div class="col-lg-5">
                                <div id="checkDomainLogo"></div>
                                <label class="padding-top-5" id="checkDomain">如：John（您的朋友可通过 www.hnvs.cn/John 访问您）</label>
                            </div>
                        </div>
                    </div>
                    <!-- 详细个人资料 -->
                    <div class="form-group">
                        <div class="col-lg-offset-2 col-lg-9">
                            <button @click.prevent="save" type="button" id="buttonToSubmit" class="btn-u" style="width:462px;height:36px">提交注册申请
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!--/row-->
    </div>
    <script>
        var v= new Vue({
            el:"#app",
            data:{
                user : {nickName:"",email:"",password:"",}
            },
            methods:{
                save(){
                    let url = "sp-user/cloudvideo/user/reg";
                    let params = new URLSearchParams();
                    params.append("nickName",this.user.nickName);
                    console.info(this.user.nickName);
                    params.append("email",this.user.email);
                    console.info(this.user.email);
                    params.append("password",this.user.password);
                    console.info(this.user.password);
                    axios.post(url,params).then(res=>{
                        alert(res.data.msg);

                    })
                },
            }
        })
    </script>
</div>
<!--/container-->
<!--=== Content Part ===-->
<div class="regist">
    <p class="tag-line">
        已有账号？<a href="login1.html" class="link">立即登录</a>
        <button href="login1.html">登录</button>
    </p>
</div>
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="foot-head-top col-md-12">
                <div class="col-md-2">
                    <img style="width:100%;" src="res/logo1-default.png">
                </div>
                <div class="col-md-10">
                    <div class="foot-concent-right">
                        <ul>
                            <li style="cursor:pointer;">关于我们</li>
                            <li class="bj">&nbsp;</li>
                            <li style="cursor:pointer;">商标版权</li>
                            <li class="bj">&nbsp;</li>
                            <li style="cursor:pointer;">联络我们</li>
                            <li class="bj">&nbsp;</li>
                            <li style="cursor:pointer;">隐私政策</li>
                            <li class="bj">&nbsp;</li>
                            <li style="cursor:pointer;">使用条款</li>
                            <li class="bj">&nbsp;</li>
                            <li style="cursor:pointer;">使用帮助</li>
                            <li class="bj">&nbsp;</li>
                            <li style="cursor:pointer;">意见反馈</li>
                            <li class="bj">&nbsp;</li>
                            <li style="cursor:pointer;">商务合作</li>
                        </ul>
                    </div>
                    <!-- <div class="foot-concent-font">
                          <span>邮箱：<a href="mailto:xzb@hnvs.cn">xzb@hnvs.cn</a></span>
                     </div>-->
                    <!--   <div class="foot-concent-font">
                           <span>合作邮箱：<a href="mailto:admin@hnvs.cn">admin@hnvs.cn</a></span>
                       </div>-->
                    <div class="foot-concent-font" style="margin-top:10px">
                        <span>合作邮箱：<a href="mailto:admin@hnvs.cn">admin@hnvs.cn</a></span>
                        <span>Copyright © 2012-2022 hnvs.cn. All Right Reserved.</span><span><a
                            href="http://beian.miit.gov.cn/" target="_blank">湘ICP备13009455号-1</a></span>
                        <span>版权所有：湖南省志愿服务工作委员会办公室</span>
                    </div>
                    <a style="font-size:1px;color:white;" href="https://www.hn-vs.cn/!signUp" target="_blank"></a>
                    <!-- 统计测试 -->
                </div>
            </div>
        </div>
    </div>
</div>
<!--/copyright-->
<div class="back-top">
    <a href="https://www.hn-vs.cn/!signUp#body0"><img src="res/icon-back-top.png">
        <p>返回顶部</p></a>
</div>
<div class="tool">
    <ul>
        <li>
            <img src="res/index-tool-2.png">
            <p>公众号</p>
            <div class="index-tool-ewm">
                <img src="res/index-ewm.png">
                <p>扫描二维码关注<br>湖南省志愿服务网 <br>微信公众号</p>
            </div>
        </li>
        <li>
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1405482157&amp;site=qq&amp;menu=yes">
                <img src="res/index-tool-3.png">
                <p>在线客服</p>
            </a>
        </li>
        <li>
            <a href="https://www.hn-vs.cn/!help">
                <img src="res/index-tool-4.png">
                <p>新手教程</p>
            </a>
        </li>
    </ul>
</div>
</body>
</html>